/**
* @file  SourceCode
* @author xiao_xie
* @date 2025-03-13
*/


import  Viewer  from '@uiw/react-json-view';
import { githubLightTheme } from '@uiw/react-json-view/githubLight';
import useComponentStore from '../../../store';

const SourceCode: React.FC = () => {
  const { components } = useComponentStore();

  return (
    <Viewer 
      value={components}
      displayDataTypes={false}
      collapsed={2}
      style={{ 
        padding: 16,
        borderRadius: 8,
        fontSize: 14,
        fontFamily: 'Menlo, Monaco, Consolas'
      }}
    />
  );
};
export default  SourceCode;
